@use 'breakpoints' as breakpoint;

// // Darkmode selector. To be used as an interpolated Sass parent selector
// // #{$selector-darkmode} & {
// //     [DARKMODE STYLES]
// // }
$selector-darkmode: "[data-dark-mode='true']";

// Exclude simple selectors from interfering with grid styles
$selector-exclude-grid: ':where(:not([class^=ag]))';

$spacing-size-1: 4px;
$spacing-size-2: 8px;
$spacing-size-3: 12px;
$spacing-size-4: 16px;
$spacing-size-5: 20px;
$spacing-size-6: 24px;
$spacing-size-8: 32px;
$spacing-size-10: 40px;
$spacing-size-12: 48px;
$spacing-size-16: 64px;
$spacing-size-20: 80px;
$spacing-size-24: 96px;
$spacing-size-32: 128px;
$spacing-size-40: 160px;
$spacing-size-48: 192px;
$spacing-size-56: 224px;
$spacing-size-64: 256px;

$transition-default-timing: 0.25s ease-in-out;
